<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>灵魂化妆铺</title>
		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
		<link rel="stylesheet" href="css/index.css">
	</head>
	<body>
		<div id="header">
			<div>
				<span id="left">灵魂化妆铺</span>
				<span id="right" style="float: right;">
					<a href="login.html">登录</a>
					<a href="register.html">注册</a>
				</span>
			</div>
		</div>
		<div id="main">
			<div id="m1">
				<span>
					<img src="img/logo.png" alt="" style="vertical-align: middle;">
					<a href="#m3">热搜</a>
					<a href="#m4">历史</a>
					<a href="#m5">文学</a>
				</span>
				<span style="float:right;padding-top: 13px;">
					<input type="text" placeholder="搜索" style="width:200px;height: 20px;border-radius: 10px;text-indent: 10px;">
				</span>
			</div>
			<div id="m2">
				<img src="img/1.png" alt="">
				<img src="img/2.png" alt="">
				<img src="img/3.png" alt="">
			</div>
			<div id="m3" class="type">
				<div class="title">
					<span>热搜</span>
					<a href="#">查看更多 > </a>
				</div>
				<div class="content">
					<table border="0" cellpadding="0" cellspacing="0" width="100%">
						<tr>
							<td>
								<a href="#">
									<img src="img/1.png" alt="">
									<div>边城</div>
									<div>￥99</div>
								</a>
							</td>
							<td>
								<a href="#">
									<img src="img/2.png" alt="">
									<div>小王子</div>
									<div>￥66</div>
								</a>
							</td>
							<td>
								<a href="#">
									<img src="img/3.png" alt="">
									<div>隋唐五代史</div>
									<div>￥999</div>
								</a>
							</td>
							<td>
								<a href="#">
									<img src="img/4.png" alt="">
									<div>隋唐五代史</div>
									<div>￥999</div>
								</a>
							</td>
							<td>
								<a href="#">
									<img src="img/5.png" alt="">
									<div>隋唐五代史</div>
									<div>￥999</div>
								</a>
							</td>
						</tr>
					</table>
				</div>
			</div>
			<div id="m4" class="type">
				<div class="title">
					<span>历史</span>
					<a href="#">查看更多 > </a>
				</div>
				<div class="content">
					<table border="0" cellpadding="0" cellspacing="0" width="100%">
						<tr>
							<td>
								<a href="#">
									<img src="img/5.png" alt="">
									<div>活着</div>
									<div>￥88</div>
								</a>
							</td>
							<td>
								<a href="#">
									<img src="img/5.png" alt="">
									<div>活着</div>
									<div>￥88</div>
								</a>
							</td>
							<td>
								<a href="#">
									<img src="img/5.png" alt="">
									<div>活着</div>
									<div>￥88</div>
								</a>
							</td>
							<td>
								<a href="#">
									<img src="img/5.png" alt="">
									<div>活着</div>
									<div>￥88</div>
								</a>
							</td>
							<td>
								<a href="#">
									<img src="img/5.png" alt="">
									<div>活着</div>
									<div>￥88</div>
								</a>
							</td>
						</tr>
					</table>
				</div>
			</div>
			<div id="m5" class="type">
				<div class="title">
					<span>文学</span>
					<a href="#">查看更多 > </a>
				</div>
				<div class="content">
					<table border="0" cellpadding="0" cellspacing="0" width="100%">
						<tr>
							<td>
								<a href="#">
									<img src="img/3.png" alt="">
									<div>活着</div>
									<div>￥88</div>
								</a>
							</td>
							<td>
								<a href="#">
									<img src="img/5.png" alt="">
									<div>活着</div>
									<div>￥88</div>
								</a>
							</td>
							<td>
								<a href="#">
									<img src="img/5.png" alt="">
									<div>活着</div>
									<div>￥88</div>
								</a>
							</td>
							<td>
								<a href="#">
									<img src="img/1.png" alt="">
									<div>活着</div>
									<div>￥88</div>
								</a>
							</td>
							<td>
								<a href="#">
									<img src="img/2.png" alt="">
									<div>活着</div>
									<div>￥88</div>
								</a>
							</td>
						</tr>
					</table>
				</div>
			</div>
		</div>
		<div id="footer">
			京公网安备 11010802099001号 © Copyright 2099. iBOOK版权所有
	</body>
</html>